<template>
  <div class="notify-w">
    <div class="notify">
      {{msg}}
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      msg: ""
    };
  }
};
</script>
<style scoped>
.notify-w {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #d3cece;
}
.notify {
  width: 200px;
  height: 50px;
  background: #666;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
</style>
